<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>切换学妹陪伴</button>
    <img src="图图1.jpg" alt="">
    <script>
        document.querySelector('button').setAttribute('imgs',1)
        document.querySelector('button').onclick=function(){
            var res=this.getAttribute('imgs')
            var num=res==1?2:3
            document.querySelector('img').src='图图'+num+'.jpg'
            document.querySelector('button').
            setAttribute('imgs',num);
        }
    </script>
    
</body>
</html>
<!-- 显示省 -->
<select id="province">
    <option>选择省份</option>
</select>
<!-- 显示市 -->
<select id="city">
    <option>选择市区</option>
</select>

<script>
    // 1、省市地区二级联动，页面加载完毕后显示出可以选择的省份，当省改变显示省份对应的市
    // 2、实现省市区三级联动(可选)
 
</script>
